<template>
    <div class="wrap">
    	<header-v></header-v>
		<div class="news-content">
			<div class="title">
				<h2>新闻中心</h2>
				<p>NEWS</p>
			</div>
			<div class="tab">
				<router-link to="">公司新闻</router-link>
				<router-link to="">行业动态</router-link>
				<router-link to="">专题报道</router-link>
			</div>
			<div class="content">
				<ul>
					<li>
						<router-link to="">影响婚纱照拍摄的因素......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">新人在选择婚纱摄影工作室拍摄婚纱照的时候一般都会从婚纱摄影工......</p>
					</li>
					<li>
						<router-link to="">婚纱照怎么拍摄才能更......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">每一位新人在拍摄婚纱照的时候都希望能够拍出自然的时尚婚纱照，......</p>
					</li>
					<li>
						<router-link to="">婚纱摄影工作室哪家好</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">新人在拍摄婚纱摄影的时候都会很头疼一个问题，那就是婚纱摄影工......</p>
					</li>
					<li>
						<router-link to="">怎样拍出苗条的成都婚......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">新人在摄影工作室拍摄婚纱照的时候都会把自己打扮得美美的，除了......</p>
					</li>
					<li>
						<router-link to="">微胖身材的新人如何选......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">微胖身材的新人在婚纱摄影工作室挑选婚纱照风格和婚纱礼服时是一......</p>
					</li>
					<li>
						<router-link to="">千吨级履带起重机成功......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">X月XX日，晴空万里，和风徐徐。XX千吨级履带起重机身披大红......</p>
					</li>
					<li>
						<router-link to="">公司全力开发随车吊底......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">随着汽车市场专业化趋势日渐明朗，专用车在汽车销售中所占的比重......</p>
					</li>
					<li>
						<router-link to="">XX集团—XXX学院......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">6月XX日晚，“XX集团—XXX学院高层管理者培训”在XXX......</p>
					</li>
					<li>
						<router-link to="">再次征战2010年慕......</router-link>
						<p class="time">2017-9-27</p>
						<p class="desc">4月XX日至25日，第29届德国慕尼黑宝马（bauma）国际......</p>
					</li>
				</ul>
			</div>
			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
		</div>
    <footer-v></footer-v>
  </div>
</template>


<script>
import footer from '../public/footer'
import header from '../public/header'

export default {
    components: {
     	footerV : footer,
     	headerV : header
    },
    data () {
        return {

        }
    },
    methods : {

    }
}

</script>


<style type="text/css" scoped="scoped">
	/* newsList.style */
	.tab{overflow:hidden; margin:0.2rem auto;}
	.tab a{display:block; width:1rem; height:0.5rem; background:rgba(50,46,51,1); line-height:0.5rem; color:#fff; float:left; margin-left:0.05rem; margin-bottom:0.06rem; text-align: center;}
	.content ul{padding: 0 0.1rem; overflow: hidden;}
	.content li{width: 100%; border-bottom: 0.01rem dashed #eee; margin-bottom: 0.1rem; padding-bottom: 0.1rem;}
	.content li a{color: #322e33; line-height: 0.25rem; font-size: 0.14rem;}
	.content li a:hover{color:#0086cd;}
	.content li .time{color:#929292; line-height: 0.25rem;}
	.content li .desc{color: #5A5A5A;}
</style>
